Skip to content

polish(abm-tab): 시뮬 안내 + competitor 색 분기 + 지도 확대#193

Merged
bat1120 merged 1 commit into
devfrom
feat/c1-abm-tab-polish
May 5, 2026
Merged

polish(abm-tab): 시뮬 안내 + competitor 색 분기 + 지도 확대#193
bat1120 merged 1 commit into
devfrom
feat/c1-abm-tab-polish

Conversation

@bat1120

@bat1120 bat1120 commented May 5, 2026

Copy link
Copy Markdown
Contributor

Summary

ABM 시뮬 탭 (시뮬 결과 대시보드 → ABM) UI polish — 사용자 피드백 (2026-05-05) 반영.

주요 변경

AbmTab.tsx

  • 첫 진입 시 시뮬 안내 박스 추가:
    • 5,000 페르소나 마포 전역 행동 시뮬 설명
    • 공실 spot (초록) → 시나리오 → 시뮬 실행 플로우 안내
    • 우하단 큐 패널 안내 (다중 spot 누적 시)
    • 마커 범례 (자사=red, 경쟁=yellow, 공실=green)
  • 지도 height 440px → 640px (가독성)
  • 외곽 panel flex flex-col gap-3 layout 정돈

AgentMapVisualizer.tsx

  • competitor 색 분기 변경:
    • 이전: is_franchise 기준 (red/yellow)
    • 현재: category === 'own_brand' 기준 — 자사만 red, 경쟁업체 (프랜차이즈/개인점) 모두 yellow
  • 범례 라벨:
    • '경쟁 프랜차이즈' → '자사 매장'
    • '경쟁 개인점' → '경쟁업체'

Test plan

  • 시뮬 결과 페이지 → ABM 탭 진입 시 안내 박스 노출 확인
  • 지도에 자사 매장 (red ▲) + 경쟁업체 (yellow ▲) + 공실 (green ●) 범례 일치 확인
  • 지도 height 640px 확대로 mobile/tablet 반응형 깨짐 없음 확인

🤖 Generated with Claude Code

AbmTab.tsx:
- 시뮬 첫 진입 시 안내 박스 추가 (5,000 페르소나 + 시나리오 + 큐 패널 설명 + 범례)
- 지도 height 440px → 640px (가독성)
- 외곽 panel layout flex-col gap-3 정돈

AgentMapVisualizer.tsx:
- competitor 색 분기 변경: 자사 브랜드(category='own_brand')만 red, 경쟁업체 모두 yellow
- 범례 라벨 수정: '경쟁 프랜차이즈' → '자사 매장', '경쟁 개인점' → '경쟁업체'
- prettier 포맷팅

사용자 피드백 (2026-05-05).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@bat1120 bat1120 merged commit b716a56 into dev May 5, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant